var util = require("../../../utils/util.js"),
  api = require("../../../utils/api.js"),
  app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    headimgurl:'',
    baseImgUrl: app.globalData.baseImgUrl,
    show:false,
    src: '',
    width: 200, //宽度
    height: 200, //高度
  },
  cropperload(e) {
    console.log("cropper初始化完成");
    this.cropper = this.selectComponent("#image-cropper");
  },
  loadimage(e) {
    console.log("图片加载完成", e.detail);
    wx.hideLoading();
    console.log('this.cropper',this.cropper)
    //重置图片角度、缩放、位置
    this.cropper.imgReset();
  },
  successBtn(e){
    wx.showLoading();
    this.cropper.getImg(res=>{
      console.log('res',res);
      if(res.url){
        wx.showLoading({
          title: '上传中',
          mask: true
        })
        this.headUploadImgs(res.url);
      }
    })
  },
  addImage(e) {
    var self = this; 
    wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sourceType: ['album', 'camera'],
      maxDuration: 30,
      camera: 'back',
      success(res) {
        console.log('res', res)
        var tempFilePaths = res.tempFiles;
        if (tempFilePaths.length > 0) {
          self.setData({
            show:true
          });
          self.setData({
            src: tempFilePaths[0].tempFilePath,
            show:true
          });
          console.log('src',self.data.src)
        }
      }
    })
  },
  headUploadImgs(filePath) {
    wx.uploadFile({
      url: app.globalData.baseUrl + 'common/index/uploadImg', //仅为示例，非真实的接口地址//接口连接
      filePath: filePath,
      name: 'file',
      success: (res) => {
        if (res.data) {
          let json = JSON.parse(res.data)
          if (json.code == 1) {
            this.headImgWrite(json.data)
          } else {
            wx.showToast({
              title: '上传失败',
              icon: 'none'
            })
          }
        } else {
          wx.showToast({
            title: res.msg,
            icon: 'none'
          })
        }
      }
    })
  },
  headImgWrite(url) {
    api.default.setMemberInfo({
      headimgurl: url,
      flag: 2
    }).then(res => {
      wx.hideLoading()
      wx.showToast({
        title: '上传成功！',
        icon: 'success'
      })
      setTimeout(()=>{
        wx.navigateBack()
      },1500)
    })
  },
  closeMethod(){
    wx.navigateBack()
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    wx.hideShareMenu();
    this.cropper = this.selectComponent("#image-cropper");
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})